/* @import "bootstrap.min.css"; */
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: "forma-djr-micro", Arial, sans-serif;
  color: #000000;
}
blockquote,
body,
div,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
label,
legend,
li,
nav,
object,
ol,
p,
section,
table,
ul {
  margin: 0;
  padding: 0;
}
a,
a:hover {
  text-decoration: none;
}
.container {
  max-width: 1247px;
}
header {
  width: 100%;
  background-color: #fff;
}
header .sub-header {
  max-height: 72px;
  height: 72px;
  display: flex;
  align-items: flex-end;
}
header .sub-header h1 {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 20px;
}
header .sub-header ul {
  margin-bottom: 0px;
  display: flex;
}
header .sub-header ul li {
  margin-left: 70px;
  font-size: 18px;
  list-style: none;
  padding: 0px;
  padding-bottom: 20px;
}
header .sub-header ul li.active {
  border-bottom: 4px solid #165dba;
}

.hero-banner {
  background: transparent url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B6b7498e5-ec4e-4c5f-a24a-8abadbcf75b7%7D_hero-banner.jpg") 0% 0% no-repeat
    padding-box;
  background-size: cover;
  height: 682px;
  display: flex;
  align-items: flex-end;
  background-position: 76%;
}
.hero-banner .banner-content {
  color: #ffffff;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 55px;
}
.hero-banner .banner-content h1 {
  font-size: 60px;
  margin-top: 14px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 1.2;
}
.hero-banner .banner-content hr {
  border-color: #fff;
  margin-top: 6px;
  margin-bottom: 6px;
}
.hero-banner .banner-content p {
  font-size: 24px;
  font-weight: 300;
}

/* canvas */
.c-3d-viewer h1 {
  font-size: 60px;
  text-align: center;
  font-weight: 400;
  line-height: 1;
}

/* Intelligent Banner */
.intelligent-power {
  background: #eef5fe 0% 0% no-repeat padding-box;
  padding-top: 100px;
  padding-bottom: 50px;
}
.intelligent-power {
  background-image: url("../images/active-dot-1.png");
  background-position: right;
  background-size: 30px;
}
.intelligent-power h1 {
  font-size: 60px;
  text-align: center;
  font-weight: 400;
}

/* powerful-processor */
.powerful-processor {
  background: #eef5fe 0% 0% no-repeat padding-box;
}
.powerful-processor {
  background-image: url("../images/active-dot-2.png");
  background-size: 30px;
  background-position: right;
}
.when-be-seen h1,
.immersive-audio h1,
.stylish-design h1,
.long-lasting-battery h1,
.powerful-processor h1 {
  font-size: 48px;
  font-weight: 300;
  position: relative;
  margin-bottom: 14.5px;
}

.when-be-seen h1::before,
.immersive-audio h1::before,
.stylish-design h1::before,
.long-lasting-battery h1::before,
.powerful-processor h1::before {
  content: "";
  width: 470px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -5px;
}
.when-be-seen p,
.immersive-audio p,
.long-lasting-battery p,
.stylish-design p,
.powerful-processor p {
  font-size: 20px;
  font-weight: 300;
}
.powerful-processor .amd-logo img {
  width: 270px;
  margin-top: 20px;
}

/* stylish-design */
.stylish-design,
.when-be-seen {
  background: #eef5fe 0% 0% no-repeat padding-box;
}
.stylish-design {
  background-image: url("../images/active-dot-4.png");
  background-size: 30px;
  background-position: right;
}
/* long-lasting-battery */
.long-lasting-battery {
  background: #eef5fe 0% 0% no-repeat padding-box;
}
.long-lasting-battery {
  background-image: url("../images/active-dot-5.png");
  background-size: 30px;
  background-position: right;
}

/* immersive-audio */
.immersive-audio {
  background: #eef5fe 0% 0% no-repeat padding-box;
}
.immersive-audio {
  background-image: url("../images/active-dot-3.png");
  background-size: 30px;
  background-position: right;
}

/* hybrid-worker */
.hybrid-worker h1 {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
  position: relative;
  bottom: 10px;
}
.hybrid-worker .play-btn img {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 42%;
  left: 48%;
  cursor: pointer;
}
.hybrid-worker .accordion .toggle-dropdown {
  border-bottom: 1px solid #000;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 8px;
}
.hybrid-worker .toggle-dropdown a {
  font-size: 18px;
  cursor: pointer;
}
.hybrid-worker .accordion .toggle-dropdown .toggle-dropdown-content h6 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 20px;
}
.hybrid-worker .accordion .toggle-dropdown .toggle-dropdown-content p {
  font-weight: 300;
  font-size: 16px;
  margin-top: 10px;
}

/* collaborate-confidentially */
.collaborate-confidentially {
  background: #f8f8f8 0% 0% no-repeat padding-box;
}

.collaborate-confidentially h1.heading {
  font-size: 48px;
  font-weight: 400;
  background-color: #212248;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.collaborate-confidentially .tabs {
  display: flex;
  align-items: center;
}
.collaborate-confidentially .tabs .tab {
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  border: 1px solid #000;
  font-weight: 500;
  padding: 7px 12px;
  cursor: pointer;
  min-width: max-content;
  transition: color 0.2s linear, background-color 0.2s linear,
    border-color 0.2s linear, box-shadow 0.1s linear;
}
.collaborate-confidentially .tabs .tab.active {
  background-color: #d3fb66;
}
.collaborate-confidentially .tabs .tab:hover {
  background-color: #c7c7c7;
}
.collaborate-confidentially .collaborate-tab-content .collaborate-flex {
  display: flex;
}
.collaborate-confidentially .collaborate-tab-content .collaborate-flex h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.collaborate-confidentially .collaborate-tab-content .collaborate-flex p {
  line-height: 1.2;
  font-size: 16px;
  font-weight: 300;
}

/* simple-ports */
.simple-ports {
  background-color: #fff;
}
.simple-ports h1 {
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 28px;
}
.simple-ports ul li {
  font-size: 18px;
  list-style: none;
  font-weight: 300;
}

/* designed-enterprise */
.powering-productivity,
.designed-enterprise {
  background-color: #212248;
  color: #fff;
}
.designed-enterprise h1,
.powering-productivity h1 {
  margin-bottom: 0px;
  font-size: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
}

/* powering-productivity-slider */
.powering-productivity-slider {
  background-color: #4d4e6c;
  color: #fff;
}
.powering-productivity-slider .slider-content h1 {
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 30px;
}
.powering-productivity-slider .slider-content h6 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 6px;
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
}
.powering-productivity-slider .slider-content p {
  font-weight: 300;
  font-size: 20px;
}
.powering-productivity-slider .slider-content {
  padding-left: 30%;
}
.powering-productivity-slider .slider-content .icon {
  width: 52px;
  margin-bottom: 16px;
}
.powering-productivity-slider .carousal-slider-img {
  height: 400px;
  max-height: 400px;
  width: 100%;
  object-fit: cover;
}
.powering-productivity-slider #poweringCarousel .carousel-indicators.text-dark {
  filter: invert(100%);
}
#poweringCarousel .carousel-indicators li.active {
  width: 60px;
  opacity: 1;
  height: 5px;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bab5f2053-38d1-4341-8c92-976499f88c20%7D_active-slide.png");
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 0px;
  background-color: transparent;
}

#poweringCarousel .carousel-indicators li {
  width: 5px;
  height: 5px;
  opacity: 0.2;
  border-radius: 100%;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block !important;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #2e2e2e;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.powering-productivity-slider {
  bottom: -46px;
}
.powering-productivity-slider .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.powering-productivity-slider .carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
.powering-productivity-slider .carousel {
  position: relative;
}

#poweringCarousel .carousel-control-next,
#poweringCarousel .carousel-control-prev {
  width: 4% !important;
  padding-left: 1%;
  padding-right: 1%;
}

#poweringCarousel .carousel-control-next-icon,
#poweringCarousel .carousel-control-prev-icon {
  width: 30px;
  height: 30px;
}

#poweringCarousel .carousel-control-next-icon {
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B0420b6e2-7b24-4d90-be95-2390403019fe%7D_next-icon-slider-1534.png");
}
#poweringCarousel .carousel-control-prev-icon {
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B3af7e15b-a190-4759-9e0b-a79c8c7230e8%7D_previous-icon-slider-1669.png");
}

/* made-for-you */
.made-for-you {
  background-color: #79e8fb;
}
.made-for-you h1 {
  margin-bottom: 0px;
  font-size: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
}

/* exceptional-performance */
.exceptional-performance {
  background: linear-gradient(to left, #a6a6b5 50%, #4d4e6c 50%);
}
.exceptional-performance .performance {
  padding-top: 30px;
  padding-bottom: 30px;
}
.exceptional-performance .performance .icon img {
  width: 70px;
  height: 70px;
  margin-bottom: 30px;
}
.exceptional-performance .performance h1 {
  font-size: 38px;
  font-weight: 300;
}
.exceptional-performance .performance-1 {
  background-color: #4d4e6c;
  color: #fff;
}
.exceptional-performance .performance-2 {
  background-color: #797a91;
  color: #fff;
}
.exceptional-performance .performance-3 {
  background-color: #a6a6b5;
  color: #fff;
}

/* wolf-security */
.wolf-security {
  background-color: #000;
}
.wolf-security h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
}
.wolf-security h5 {
  font-size: 38px;
  color: #fff;
  font-weight: 300;
}
.wolf-security .wolf-security-feature {
  margin-left: 30px;
  opacity: 0.5;
  cursor: pointer;
}
.wolf-security .wolf-security-feature.active {
  opacity: 1;
}
.wolf-security .wolf-security-feature h3 {
  font-size: 38px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 3px;
  line-height: 1.1;
}
.wolf-security .wolf-security-feature p {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 200;
  color: #fff;
}
.wolf-security .wolf-security-feature {
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  margin-bottom: 40px;
}

/* help-protect */
.help-protect {
  padding-top: 160px;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bfd9c043e-6044-477c-af52-6bbe49a52d0c%7D_help-protect.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.help-protect h1 {
  line-height: 1;
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 26px;
}
.help-protect h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 0px;
}
.help-protect .percentage-section {
  margin-top: 20px;
  margin-bottom: 80px;
}
.help-protect .percentage-section h3 {
  font-size: 32px;
}
.help-protect .percentage-section .icon img {
  margin-bottom: 10px;
}
.help-protect .percentage-section p {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
}

.help-protect img.laptop-img {
  position: relative;
  top: 50px;
}

/* foot-notes */
.foot-notes {
  background: #e8e8e8 0% 0% no-repeat padding-box;
  padding-top: 100px;
  padding-bottom: 100px;
}
.mc-container-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: unset;
  background-color: unset;
  margin: 0;
  cursor: pointer;
}
.md10-footnote .md10-footnote-head {
  border-radius: 6px;
  padding: 16px 20px;
}
.md10-footnote .md10-decription {
  padding: 16px 24px;
}
.md10-footnote .md10-footnote-head,
.md10-footnote .md10-decription {
  background-color: #fff;
}
.md10-footnote .md10-decription {
  display: none;
}
.md10-footnote .md10-decription ol {
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  font-weight: 300;
}
.md10-footnote .md10-decription ol li {
  padding-bottom: 20px;
  word-break: break-word;
}
.md10-footnote .md10-decription ol li:last-child {
  padding-bottom: 0px;
}
.md10-footnote.active .md10-decription {
  display: block;
}
.md10-footnote.active .md10-decription {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.md10-footnote.active .md10-footnote-head {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mc-container-content .chevron-down {
  display: block;
}
.mc-container-content.active .chevron-down {
  display: none;
}
.mc-container-content .chevron-up {
  display: none;
}
.mc-container-content.active .chevron-up {
  display: block;
}

.no-scroll {
  overflow: hidden !important;
}

button:focus {
  outline: none;
}

@media (max-width: 992px) {
  .hero-banner .banner-content h1 {
    font-size: 30px;
  }
  .hero-banner .banner-content p {
    font-size: 18px;
  }
  .intelligent-power h1 {
    font-size: 30px;
  }
  .c-3d-viewer h1 {
    font-size: 30px;
  }
  .powering-productivity h1 {
    font-size: 30px;
  }
  .when-be-seen h1,
  .immersive-audio h1,
  .stylish-design h1,
  .long-lasting-battery h1,
  .powerful-processor h1 {
    font-size: 24px;
  }
  .when-be-seen p,
  .immersive-audio p,
  .long-lasting-battery p,
  .stylish-design p,
  .powerful-processor p {
    font-size: 18px;
  }
  .when-be-seen h1::before,
  .immersive-audio h1::before,
  .stylish-design h1::before,
  .long-lasting-battery h1::before,
  .powerful-processor h1::before {
    width: 270px;
  }
  .powerful-processor .amd-logo img {
    width: 250px;
    margin-top: 10px;
    margin-bottom: 26px;
  }
  .hybrid-worker h1 {
    font-size: 30px;
  }
  .collaborate-confidentially h1.heading {
    font-size: 30px;
  }
  .collaborate-confidentially .tabs {
    flex-wrap: nowrap;
    overflow: scroll;
  }
  .collaborate-confidentially .collaborate-tab-content .collaborate-flex img {
    width: 123px;
    height: 124px;
    object-fit: cover;
  }
  .simple-ports h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .simple-ports ul li {
    font-size: 16px;
  }
  .designed-enterprise h1 {
    font-size: 30px;
  }
  .exceptional-performance .performance {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .exceptional-performance .performance .icon img {
    width: 50px;
    height: 50px;
    margin-bottom: 24px;
  }
  .exceptional-performance .performance h1 {
    font-size: 18px;
  }
  .wolf-security h1 {
    font-size: 26px;
  }
  .wolf-security h5 {
    font-size: 20px;
    margin-bottom: 22px;
  }
  .wolf-security img.wolf {
    width: 90px !important;
  }
  .wolf-security .wolf-security-feature {
    margin-left: 0px;
  }
  .wolf-security .wolf-security-feature h3 {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .wolf-security .wolf-security-feature p {
    font-size: 16px;
  }
  .wolf-security .wolf-security-feature {
    margin-bottom: 22px;
  }
  .help-protect {
    padding-top: 160px;
    padding-bottom: 60px;
    background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B55f4a08b-721c-433c-8802-5b950ff27546%7D_help-protect-mobile.jpg");
  }
  .help-protect h1 {
    font-size: 26px;
  }
  .help-protect h3 {
    font-size: 18px !important;
  }
  .help-protect .percentage-section .icon img {
    width: 45px;
    height: 39px;
  }
  .help-protect .percentage-section {
    margin-bottom: 10px;
  }
  .powering-productivity-slider .slider-content {
    padding: 30px 40px;
    min-height: auto;
    height: 380px;
  }
  .powering-productivity-slider .carousal-slider-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .powering-productivity-slider .slider-content h1 {
    font-size: 24px;
  }
  .powering-productivity-slider .slider-content h6 {
    font-size: 18px;
  }
  .powering-productivity-slider .slider-content p {
    font-size: 18px;
  }
  .powering-productivity-slider .carousel-indicators {
    bottom: 10px;
  }
  #poweringCarousel .carousel-indicators li.active {
    width: 60px;
    opacity: 1;
    height: 5px;
    background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bab5f2053-38d1-4341-8c92-976499f88c20%7D_active-slide.png");
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0px;
    background-color: transparent;
  }
  #poweringCarousel .carousel-indicators li {
    width: 5px;
    height: 5px;
    border-radius: 100%;
  }
  #poweringCarousel .carousel-control-next,
  #poweringCarousel .carousel-control-prev {
    width: 10% !important;
  }
  #poweringCarousel .carousel-control-next-icon,
  #poweringCarousel .carousel-control-prev-icon {
    bottom: 190px;
    position: relative;
  }
  .help-protect .percentage-section p {
    font-size: 16px;
  }
  .foot-notes {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.right_buttons {
  display: flex;
}

.right_buttons a:hover {
  color: #fff !important;
}
.common_black_button {
  background-color: #000000;
  color: #fff;
  padding: 0.3rem 1rem;
  height: 33px;
  display: inline-block;
}
.common_black_button:hover {
  background-color:  rgba(0, 0, 0, 0.8);
  color: #fff;
}

.common_black_button.mr {
  margin-right: 10px !important;
}

.mt20 {
  margin-top: 1.8rem;
}

.spacer_left_c {
  margin-left: 1.5rem !important;
}

.book_a_demo_btn {
  position: fixed;
  right: -10px;
  bottom: 6rem;
}
@media (max-width: 992px) {
  #carouselExampleIndicators .carousel-control-next,
  .carousel-control-prev {
    width: 12%;
  }
}

/* Styling for "book features" carousel START*/
#book-1 {
  height: 500px;
  background-color: #EEF5FF;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B8bc9bfb1-95c4-4261-ac56-8bf2d5af9c2f%7D_book_1.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
#book-1-text {
  text-align: center;
  padding-top: 10px;
}
#book-2 {
  height: 500px;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B9bdac516-4756-4f6b-960d-4bf095242c6c%7D_book_2.jpg");
  background-position: center;
  background-size: cover;
}
#book-2-text {
  padding-top: 10px;
  padding-left: 10%;
}
#book-2-logo {
  padding-top: 20px;
  width: 200px;
}
#book-2-mobile {
  background-color: #EEF5FF;
  height: 500px;
}
#book-2-mobile-img {
  height: 50%;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B9bdac516-4756-4f6b-960d-4bf095242c6c%7D_book_2.jpg");
  background-position: center;
  background-size: cover;
}
#book-3 {
  display: flex;
  justify-content: center;
  height: 500px;
  background-color: #EEF5FF;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bb0182582-424c-40ac-992c-ef71796f3c9a%7D_book_3.jpg");
  background-position: center;
  background-size: cover;
}
#book-3-text {
  padding-top: 10px;
}
#book-4 {
  display: flex;
  justify-content: center;
  height: 500px;
  background-color: #EEF5FF;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B768b0ebc-209b-404e-9d1c-010e29a11e59%7D_book_4.jpg");
  background-position: center;
  background-size: cover;
}
#book-4-text {
  padding-top: 10px;
}
#book-4-mobile {
  background-color: #EEF5FF;
  height: 500px;
}
#book-4-mobile-img {
  height: 50%;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B768b0ebc-209b-404e-9d1c-010e29a11e59%7D_book_4.jpg");
  background-position: center;
  background-size: cover;
}
#book-5 {
  height: 500px;
  background-color: #EEF5FF;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bcf057ecc-5b8c-4a44-8fcb-4d73c4cfd5f0%7D_book_5.jpg");
  background-position: center;
  background-size: cover;
}
#book-5-text {
  padding-top: 10px;
  padding-left: 10%;
}
#book-5-mobile {
  background-color: #EEF5FF;
  height: 500px;
}
#book-5-mobile-img {
  height: 50%;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7Bcf057ecc-5b8c-4a44-8fcb-4d73c4cfd5f0%7D_book_5.jpg");
  background-position: center;
  background-size: cover;
}
#book-6 {
  display: flex;
  justify-content: center;
  height: 500px;
  background-color: #EEF5FF;
  background-image: url("https://images.marketingcontent.ext.hp.com/EloquaImages/clients/HPMartech/%7B22d947ec-6883-4c62-957e-2f6ead9c3a9d%7D_book_66.jpg");
  background-position: center;
  background-size: cover;
}
#book-6-text {
  padding-top: 10px;
}
@media (max-width: 1200px) {
  #book-2, #book-4, #book-5 {
    display: none;
  }
  #book-2-mobile, #book-4-mobile, #book-5-mobile {
    display:block !important;
  }
  #book-2-text, #book-4-text, #book-5-text {
    padding-left: 10px;
  }
}
@media (max-width: 980px) {
  #book-1 {
  background-size: cover;
}
}
@media (max-width: 720px) {
#book-3-text, #book-6-text {
    padding-left: 10px;
}
}
/* Styling for "book features" carousel END*/